// 搜索框box元素
var box = document.querySelector('.search-box');

// 增加监听mouseover事件
box.addEventListener('mouseover', () => {
    // 增加active样式
    box.classList.add('active');
});

// 解决点击搜索框会触发 body.click事件问题
box.addEventListener('click', (e) => {
    // 防止事件冒泡
    e.stopPropagation();
});

document.body.addEventListener('click', () => {
    // 移除active样式
    box.classList.remove('active');
});

